
.group {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 4px;

  .groupheader {
    display: flex;
    justify-content: space-between;
  }
}

.rule {
  margin: 10px 0px 10px 10px;
  padding: 10px;
  border: 1px solid #eee;
  background-color: white;
  border-radius: 5px;

  .field {
    min-width: 120px;
  }

  .operators {
    min-width: 120px;
  }
}

.rulegroup {
  margin: 10px 0px 10px 10px;
  padding: 10px;
  // background-color: #FCF7E8;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 5px;

  .rulegroupheader {
    display: flex;
    justify-content: space-between;
  }
}
